<style>
    .ui-dialog-footer {
        padding: 30px 20px 20px 20px;
    }
     .no-data{ height: 117px;}
    .no-data span{margin: 10px auto 0;height: 37px;}
    .pagination .pagination-con{
        float: left;
        margin-top: 2px;
    }
</style>
<div class="ui-dialog-content" style="width: 900px; height:456px;">
    <div class="row clearfix">
        <div class="col-sm-6">
            <div class="row clearfix">
                <div class="col-sm-3">
                    <h4 class="f14" style="padding-top: 3px;">ERP用户列表</h4>
                </div>
                <div class="col-sm-9">
                    <input type="text" class="input-text fl" placeholder="姓名/手机号" ng-change="erpUserImporter.searchUsers()" ng-model="erpUserImporter.keyword">
                </div>
            </div>
            <div class="mt5 table-wrap" style=" height: 380px;">
                <table width="100%">
                    <thead>
                    <tr>
                        <th style="width:60px;">
                            <input type="checkbox" ui-checkbox="" ng-model="erpUserImporter.checker.all" ng-change="erpUserImporter.checker.selectAll()">序号

                        </th>
                        <th style="width:120px">姓名</th>
                        <th style="width:120px">手机号</th>
                        <th style="width:120px">用户编码</th>
                    </tr>
                    </thead>
                    <tbody ng-show="erpUserImporter.userList && erpUserImporter.userList.length">
                    <tr ng-repeat="user in erpUserImporter.userList">
                        <td height="34">
                            <input type="checkbox" ui-checkbox="" ng-change="erpUserImporter.checker.selectItem($index)" ng-model="user.checked">{{$index+1}}
                        </td>
                        <td height="30" ng-cloak>{{user.UserName}}</td>
                        <td height="30" ng-cloak>{{user.MobilePhone}}</td>
                        <td height="30" ng-cloak>{{user.UserCode}}</td>
                    </tr>
                    </tbody>
                </table>
                <div class="no-data" ng-if="erpUserImporter.userList && !erpUserImporter.userList.length">
                    <span>暂无数据</span>
                </div>
            </div>
            <div ui-pagination page-size="erpUserImporter.userListPager.pageSize" total="erpUserImporter.userListPager.total" changed="erpUserImporter.userListPager.change($pageIndex,erpUserImporter.userListPager.pageSize)"></div>
        </div>
        <div class="col-sm-6">
            <div class="clearfix">
                <div class="search clearfix fl">
                    <h4 class="f14" style="padding: 5px 0;">云客用户</h4>
                </div>
            </div>
            <div class="mt5 table-wrap" style="height: 380px;">
                <table width="100%">
                    <thead>
                    <tr class="thead ta-l" >
                        <th style="width:40px;">
                            序号
                        </th>
                        <th style="width:120px">姓名</th>
                        <th style="width:200px">手机号</th>
                        <th style="width:120px">用户编码</th>
                        <th style="width: 80px">操作</th>
                    </tr>
                    </thead>
                    <tbody ng-show="erpUserImporter.selectUserList && erpUserImporter.selectUserList.length">
                    <tr ng-repeat="user in erpUserImporter.selectUserList" ng-hover="">
                        <td height="30">
                            {{$index + 1}}
                        </td>
                        <td height="30" ng-cloak>
                            <input type="text" class="input-text" style="width:70%;height: 25px;" ng-model="user.UserName">
                        </td>
                        <td height="30" style="padding-top: 2px;padding-bottom: 2px;" ng-cloak>
                            <input type="text" class="input-text" style="width:70%;height: 25px;" ng-model="user.MobilePhone">
                        </td>
                        <td height="30" ng-cloak>{{user.UserCode}}</td>
                        <td><a href="javascript:;" class="c-orange" ng-click="erpUserImporter.removeItem($index,user)">移除</a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>